body{
	background: #f5f5f5;
}


.flex{
	display: flex;
}
.between{
	justify-content: space-between;
}
.ar{
	justify-content: space-around;
}
.end{
	justify-content: flex-end;
}
.blue{
	color: #2A8FFF;
}

.WD-nav{
	border-top: 0.5rem solid #F5F5F5;
	background: #FFFFFF;
}
.WD-nav-box{
	height: 2.5rem;
	display: flex;
	align-items: center;
	font-size: 0.7rem;
	padding: 0 0.5rem;
}
.WD-nav-box .all{
	height: 1.5rem;
	line-height: 1.5rem;
	color: #FFFFFF;
	border-radius: 15px;
	padding: 0 0.5rem;
	background: #2A8FFF;
}
.WD-nav-box div{
	height: 1.5rem;
	line-height: 1.5rem;
	color: #666666;
	padding: 0 0.5rem;
	margin-right: 1rem;
}
.WD-info{
	height: 2.2rem;
	line-height: 2.2rem;
	padding: 0 0.5rem;
	border-bottom: 1px solid #CCCCCC;
}
.yhq{
	height: 1.8rem;
	line-height: 1.8rem;
	color: #666666;
	padding: 0 0.5rem;
	background: #DAECFF;
}
.yhq p{
	font-size: 0.55rem;
}

.coupon{
	width: 100%;
	background: #F5F5F5;
	padding: 0 0.5rem;
}
.couponDiv>div{
	margin-bottom: 0.75rem;
}
.couponNum{
	display: flex;
	justify-content: flex-end;
}
.couponNum p{
	height: 2rem;
	line-height: 2rem;
	font-size: 0.6rem;
}

.quan{
	width: 100%;
	background: url(../img/coupon.png) no-repeat;
	background-size: 100% 100%;
	height: 5.1rem;
	position: relative;
}
.quan1{
	width: 100%;
	background: url(../img/coupona.png) no-repeat;
	background-size: 100% 100%;
	height: 5.1rem;
	position: relative;
}
.quanLeft{
	width: 71%;
	padding: 0.2rem 0.3rem;
}

.quanLeft .p1{
	height: 2.2rem;
	line-height: 2.2rem;
	color: #FFFFFF;
	font-size: 0.6rem;
}
.quanLeft .p1 .span1{
	font-size: 1.15rem;
	margin: 0 0.2rem;
}
.quanLeft .p1 .span2{
	font-size: 0.75rem;
	margin: 0 0.2rem;
}
.quanLeft .p2{
	color: #FFFFFF;
	font-size: 0.6rem;
	height: 1.2rem;
	line-height: 1.2rem;
}
.quanLeft .p3{
	height: 1.1rem;
	line-height: 1.1rem;
	color: #FFFFFF;
	font-size: 0.5rem;
	
}
.quanRight{
	width: 29%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.quanRightImg1{
	height: 2.8rem;
	width: 3.55rem;
	background: url(../img/unused.png) no-repeat;
	background-size: 3.55rem 2.8rem;
}
.quanRightImg2{
	height: 2.8rem;
	width: 3.55rem;
	background: url(../img/inused.png) no-repeat;
	background-size: 3.55rem 2.8rem;
}
.quanRightImg3{
	height: 2.8rem;
	width: 3.55rem;
	background: url(../img/stale.png) no-repeat;
	background-size: 3.55rem 2.8rem;
}

